<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta content="width=device-width,user-scalable=no"name="viewport">
<title>推荐有奖</title>
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/customer/css/base.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/customer/css/style.css" />
<link rel="stylesheet" type="text/css" href="{:C('WEB_URL')}Public/customer/css/bootstrap.min.css" />
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/customer/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/customer/js/bootstrap.min.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/customer/js/script.js"></script>
<script type="text/javascript" charset="UTF-8" src="{:C('WEB_URL')}Public/customer/js/jQuery.textSlider.js" /></script>
</head>
<body>
<div id="box">
 <div class="navbar navbar-default navbar-fixed-top">
  <header>
   <h1><a href="index.html"><span class="glyphicon glyphicon-menu-left"></span></a></h1>
   <p class="title">推荐有奖</p>
  </header>
 </div><!--navbar-fixed-top-->
 <switch name="data1">
    <case value="1">
    	<div class="recomContent">
	 <div class="recomPhoto">
	  <img src="{:C('WEB_URL')}Public/customer/images/recommend_02.jpg" />
	 </div><!--recomPhoto-->
	 <div class="recomCon">
	  <p class="rule"><a href="#">奖励规则></a></p>
	  <p class="youHui">送给朋友1元午餐奖励</p>
	  <p class="jiangLi">您将获得一元奖励</p>
	 <h3 class="fen" id="but"><a href="#fenXiang">分享给朋友</a></h3>
	  <!--<p id="fenXiang">点击右上角分享给朋友获得奖励</p>-->
	  <div class="recomCenter" id="recomCenter">
	  	<h5></h5><p>分享到</p><h5></h5>
	  	<dl>
	  	 <dt><img src="{:C('WEB_URL')}Public/customer/images/recom_03.jpg" /></dt>
	  	 <dd>微信好友</dd>
	  	</dl>
	  	<dl>
	  	 <dt><img src="{:C('WEB_URL')}Public/customer/images/recom_05.jpg" /></dt>
	  	 <dd>朋友圈</dd>
	  	</dl>
	  </div><!--recomCenter-->
	 </div><!--recomCon-->
	 <div class="number">
	  <!-- <p>您已成功邀请{$list.succeed}人，累计获得现金{$list.money}元，{$list.card}张券</p> -->
	 </div> 	 
	</div>
    </case>
    <case value="2">
	<div class="recoms">
  	<div class="recomsLittle">
	 <if condition="$data2 eq 1"> 
	<p class="littleOne">推荐分享好友有奖</p>
   <p class="littleTwo">恭喜您！</p>
   <p class="littleTwo">已成功获得1元奖励</p>
	<elseif condition="$data2 eq 2"/>
	<p class="littleOne">推荐分享好友有奖</p>
   <p class="littleTwo">很抱歉！</p>
   <p class="littleTwo">您已领取过该奖励</p>
	<else /> {$data2}
	</if>
   
   <h1><img src="{:C('WEB_URL')}Public/customer/images/recommend_03.png" /></h1>
   <!-- <p class="littleThree">获得分享</p> -->
  </div><!--recomsLittle-->
 </div><!--recoms-->
    </case>
    <default />default
</switch>
 
  <div class="navbar navbar-default navbar-fixed-bottom">
   <footer id="foot">
    <dl>
     <dt><a href="{:U('User/index')}"><img src="{:C('WEB_URL')}Public/customer/images/mores_15.jpg" /></a></dt>
     <dd><a href="{:U('User/index')}">首页</a></dd>
    </dl>
    <dl>
     <dt><a href="{:C('WEB_URL')}wechat/user/recommends?uid={$_SESSION[user_id]}"><img src="{:C('WEB_URL')}Public/customer/images/home_02.png" /></a></dt>
     <dd><a href="{:C('WEB_URL')}wechat/user/recommends?uid={$_SESSION[user_id]}">推荐有奖</a></dd>
    </dl>
    <dl>
     <dt><a href="{:U('User/more')}"><img src="{:C('WEB_URL')}Public/customer/images/home-03.jpg" /></a></dt>
     <dd><a href="{:U('User/more')}">更多</a></dd>
    </dl>
   </footer>
  </div><!--/navbar 底部导航-->
</div><!--/box-->
<!--会员卡二维码弹出页面 -->
<div id="popup"><a href="javascript:;" class="a_click">
 <div id="click_div">
  <div id="dialogs">
   <img src="{:C('WEB_URL')}Public/customer/images/jiantou.png" />
   <div class="dialogConts">
    <p>点击右上角分享获得1元奖励</p>
   </div>
  </div>
 </div></a>
</div>
 <!--会员卡二维码弹出页面 End-->
<script type="text/javascript">
//微信判定是否在微信中
if(isWeiXin()){ 
//alert("====");
$(".title").hide();
$("#but").show();//在微信中显示
$("#recomCenter").hide();//在微信中隐藏
} 
else{
$("#but").hide();//不在微信中隐藏
$("#recomCenter").show();//不在微信中显示
//alert("+++++");
}
//会员卡二维码弹出页面 JS
$("#but").click(function(){
	$("#click_div").show();
})
$(".a_click").click(function(){
	$("#click_div").hide();
});

$('#foot dl').on("touchstart",function(){
  // alert(1);
  $('#foot dl').css("background-color","#fff")
  $(this).css("background-color","#ddd")
})
$('#foot dl').on("touchend",function(){
  // alert(1);
  $('#foot dl').css("background-color","#fff")

})
</script>
</body>
</html>
